echarts柱状图显示百分比 |
您所在的位置:网站首页 › 柱状图 显示百分比 › echarts柱状图显示百分比 |
事情的起因是这样的 我们有个这样的设计图,大概是这样色儿的 一句话,就是说这是一个显示百分比的柱状图。 然后我写出了这样的静态页面(根据实际情况,柱状图做了一些调整) 一切风平浪静,看起来是那么完美对不对。 然而不幸的事情发生了,当我把鼠标放上去的时候,提示框(tooltip)是这样的 相信你已经看出来了,没!有!百!分!比! 经过我一番百度和几分钟的尝试以后 算了废话太多,直接上代码,fomatter里面的就是客官要的东西了 tooltip: {//此为提示配置项 trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, formatter:'{b}\ \ {a0}:{c0}%\ \ {a1}:{c1}%\ \ {a2}:{c2}%' },或许有朋友会问那都是什么东西,且听我慢慢道来 里面的{a}(系列名称),{b}(类目值),{c}(数值) 可以点这里看官方文档点击打开链接 至于{a0}{a1}这种当然就是各个数据项啊 而那个 是这个,小圆点,不使用fomatter的时候默认显示的,但是使用以后要自己加上去,感觉有点坑啊 好的没有了,写完收工 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |